<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="__STATIC__/font-awesome/css/font-awesome.min.css">
    <style type="text/css">
        *{margin:0;padding:0;}
        a{text-decoration:none;}
        ul li{list-style:none;}
        body{font-size:12px;font-family:"微软雅黑";color:#666;overflow-x:hidden;overflow-y:auto;}
        .all{width: 100%;height: 100%;}
        .row .z_banner{width: 100%;height: 100%;position: relative;height: 60px;}
        .z_banner .z_stik{position:absolute;background:#333;opacity: 0.39;width:100%;height:100%;top: 0;z-index: 2;left: 0;}
        .z_banner .z_title{position:absolute;width:100%;height:100%;text-align: center;top: 0;left: 0;z-index: 3;}
        .z_banner .z_title .z_nav{color:#fff;font-size:20px;padding:15px 20px 0 20px;font-weight:900;text-align:center;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
        .z_banner .z_title .z_data{height:30px;margin:0 auto;padding-top:10px;text-align:center;color:#fff;font-size:12px;display: inline-block;border-top: 1px solid #fff;padding-top: 10px;}
        .z_banner .z_title .scan{height:30px;width:100%;position: absolute;bottom: -14px;}
        .z_banner .z_title .scan .z_scan{width:100px;height:30px;margin:0 auto;text-align:center;}
        .z_banner .z_title .scan .z_scan .z_c_scan{background:#fff;border-radius:15px;padding:0px 20px 10px 20px;box-shadow:0 0 5px #e5e5e5;}
        .z_banner .z_title .scan .z_scan .z_c_scan img{width:14px;height:14px;position:relative;top:7px;right:6px;}
        .z_banner .z_title .scan .z_scan .z_c_scan .z_number{color:#3dc353;font-size:14px;position:relative;top:5px;}

        .z_banner {position:absolute;bottom:0;width:100%;height:10px;z-index: 3;}

        .text{padding:20px 15px 0 15px;float: none;}
        .text .z_text{color:#333;font-size:16px;}
        .text .z_text img{width:100%;height:180px;}
        .text img{width:100%;}
    </style>
</head>
<body>
<div class="all">
    <div class="row">
        <!--banner图-->
        <div class="z_banner">
            <!--透明层-->
            <div class="z_stik"></div>
            <div class="z_title">
                <div class="z_nav">评价内容</div>
            </div>
        </div>
        <!--文章-->
        <div class="col-xs-12 col-md-12 text">
            <div class="z_text">{$info.content}</div><br>
            {notempty name="$info.images"}
            {volist name="$info.images" id="li"}
            <img src="{$li}">
            {/volist}
            {/notempty}
        </div>
    </div>
</div>
</body>
<script src="/admin/js/jquery-2.1.1.js"></script>
<script>
    $(".z_text img").each(function(){
        if($(this).attr("src").split(".")[$(this).attr("src").split(".").length-1]=='gif'){
            $(this).css({"width":"15px","height":"15px"})
        }
    });
</script>
</html>